<%@ page language="java" contentType="text/html;charset=utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-cn" class="no-js">
<!--<![endif]-->
<head>
    <jsp:include page="../common/common.jsp"/>
    <link rel="stylesheet" type="text/css" href="${path}/assets/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css" href="${path}/assets/plugins/select2/select2-metronic.css"/>
</head>
<body class="page-header-fixed">
<jsp:include page="../common/header.jsp"/>
<div class="clearfix">
</div>
<div class="page-container">
    <div class="page-sidebar-wrapper"><jsp:include page="../common/menu.jsp"/></div>
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet box purple">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="fa fa-file-text-o"></i> 测评记录
                            </div>
<!--                             <div class="tools"> -->
<!--                                 <div class="actions"> -->
<!--                                     <a href="${path}/kindergarten/edit" class="btn green"><i class="fa fa-plus"> 新增</i></a> -->
<!--                                 </div> -->
<!--                             </div> -->
                        </div>
                        <div class="portlet-body">
                            <form id="formQuery" class="form-horizontal" action="${path}/evaluationRecord/list">
                                <div class="form-body">
                                    <div class="form-group">
                                        <label class="col-md-1 control-label">幼儿园</label>
                                        <div class="col-md-2">
                                           	<select id="kindergartenId" name="kindergartenId" class="form-control" onchange="queryAllInterestClass();">
                                                <option value="">请选择</option>
                                            </select>
                                        </div>
                                       <label class="col-md-1 control-label">兴趣班</label>
                                        <div class="col-md-2">
                                           	<select id="interestClassId" name="interestClassId" class="form-control">
                                                <option value="">请选择</option>
                                            </select>
                                        </div>
                                        <label class="col-md-1 control-label">宝贝账号</label>
                                        <div class="col-md-2">
                                           	<input type="text" class="form-control" id="babyAccount" name="babyAccount" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                    	 <label class="col-md-1 control-label">宝贝姓名</label>
                                        <div class="col-md-2">
                                           	<input type="text" class="form-control" id="babyName" name="babyName" />
                                        </div>
                                    
                                        <label class="col-md-1 control-label">记录时间</label>
                                        <div class="col-md-4">
                                            <div class="input-group input-large date-picker input-daterange"
                                                 data-date-format="yyyy-mm-dd">
                                                <input type="text" class="form-control" id="fromDate" name="fromDate" value="${fromDate}"
                                                       readonly="readonly" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>
                                                <span class="input-group-addon">to</span>
                                                <input type="text" class="form-control" id="toDate" name="toDate" value="${toDate}"
                                                       readonly="readonly" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <button type="button" class="btn green" onclick="getEvaluationRecordList()">查询</button>
                                        </div>
                                        <div class="col-md-1">
                                         	<button id="exportExcel" type="button" class="btn green">导出Excel</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <table class="table table-striped table-bordered table-hover" id="newsList"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="../common/footer.jsp"/>
<script type="text/javascript" src="${path}/assets/plugins/calendar/WdatePicker.js"></script>
<script type="text/javascript" src="${path}/assets/plugins/district/linkagesel-min.js"></script>
<script type="text/javascript" src="${path}/evaluationManage/js/evaluationRecord.js"></script>
<script>
    var msg = '${msg}';
    var name ='${sessionScope.user.username}';
    $(function () {
        if(msg) App.bubble(200, msg);
        $("#fromDate").val('${fromDate}');
        $("#toDate").val('${toDate}');
        queryAllKindergarten();
        
        getEvaluationRecordList(name);
    });
    
 	$("#exportExcel").click(function(){
 		 var url = "${path}/evaluationRecord/exportEvaluationRecord";
 	     $("#formQuery").attr("action", url);
 	     $("#formQuery").submit();
 	     //还原action值
 	     url = "${path}/evaluationRecord/list";
 	     $("#formQuery").attr("action", url);
	 });
</script>
</body>
</html>